/*-------------------------------------------------
PARTIE GENERALE
-------------------------------------------------*/

@font-face {
    font-family: "armyrust";
    src: url("polices/armyrust.ttf") format("truetype");
}
body
{
    background: url("../images/fond.jpg") no-repeat fixed center center / cover  rgba(0, 0, 0, 0);
    font-family: Verdana,Arial,sans-serif;
    font-size:0.9em;
    color: #BABABA;
    width: 100%;
    height: 100%;
}
#content
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 40px;
}
input
{
    font-family: Verdana,Arial,sans-serif;
}
footer
{
    text-align: center;
    border-top: 1px solid white;
    margin-top: 10px;
    padding-top: 10px;
}
.lesConcerts
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
/*-------------------------------------------------
HEADER
-------------------------------------------------*/
header
{
    width: 100%;
    height: 150px;
}
#logo
{
    float:left;
}
#logo img
{
    width: 120px;
    height: 120px;
    border-radius: 40px;
}
/*-------------------------------------------------
MENU NAVIGATION
-------------------------------------------------*/
header a
{
    color: #BABABA;
    text-decoration: none;
}
header > nav
{
    font-size: 1.5em;
    background-color: rgba(250,250,250,0.1);
    float:right;
    width: 50%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
header > nav > ul
{
    list-style-type : none;
    padding: 15px;
    margin: 0;
}
header > nav > ul > li
{
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}
header > nav > ul > li:hover
{
    text-shadow: 1px 2px 9px #555;
}
/*-------------------------------------------------
IMAGES DEROULANTES
-------------------------------------------------*/
#photosDeroulantes
{
    cursor:pointer;
    width:600px;
    height:400px;
    margin-left: auto;
    margin-right: auto;
}

/*Dimensionnement des images et fixation du z-index à 1 (Important)*/
#photosDeroulantes img
{
    width:600px;
    height:400px;
    position:absolute;
    z-index:1;
    border-radius: 10px;
}
/*#------------------------------------
        MISE EN FORM DES TEXTES
-------------------------------------*/
.italic
{
    font-style: italic;
}
.gras
{
    font-weight: bold;
}
.ttpetit
{
    font-size:0.4em;
}
.tpetit
{
    font-size:0.6em;
}
.petit
{
    font-size:0.8em;
}
.ttgros
{
    font-size:1.6em;
}
.tgros
{
    font-size:1.4em;
}
.gros
{
    font-size:1.2em;
}